<style>
    #particles {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
</style>
<div id="particles"></div>
<div class="wrapper no-navigation preload">
    <div class="sign-in-wrapper">
        <div class="sign-in-inner">
            <div class="login-brand text-center">
                <strong class="text-skin">学海 </strong>后台管理系统
            </div>
            <div class="form-group m-bottom-md">
                {{ text_field('account', 'class': 'form-control', 'placeholder': '账号/手机') }}
                {#<input id="account" name="account" class="form-control" placeholder="账号/手机">#}
            </div>
            <div class="form-group">
                {{ password_field('password', 'class': 'form-control', 'placeholder': '密码') }}
                {#<input id="password" name="password" type="password" class="form-control" placeholder="密码">#}
            </div>
            <div class="form-group sms" style="display: none;">
                <input id="phone" type="text" class="form-control" placeholder="验证手机号(输入绑定号码)" style="width: 260px; margin-right: 0;display: inline;">
                <a id="bt_send_code" class="btn btn-success btn-sm" style="width: 100px;">发送验证码</a>
            </div>
            <div class="form-group sms" style="display: none;">
                <input id="smsCode" type="text" class="form-control" placeholder="短信验证码">
            </div>
            <div class="form-group form-inline">
                <input id="captcha" type="text" maxlength="4" class="form-control" placeholder="验证码" style="width: 260px; margin-right: 0;display: inline;">
                <img src="{{ url('index/captchaImage') }}" class="captcha-img" alt="图形验证码">
            </div>
            <div class="form-group">
                <div class="custom-checkbox">
                    <input type="checkbox" name="remember" id="remember" {% if remember %}checked{% endif %}>
                    <label for="remember"></label>
                </div>
                <font onclick="$('#remember').click();" style="font-weight: 700;cursor: pointer;">记住密码</font>
                <div class="custom-checkbox" style="margin-left: 20px;">
                    <input type="checkbox" name="trust" id="trust" {% if trust %}checked{% endif %} data-account="{{ trustAccount }}">
                    <label for="trust"></label>
                </div>
                <font onclick="$('#trust').click();" style="font-weight: 700;cursor: pointer;">信任设备</font>
                <a href="{{ url('index/forgetPassword') }}" style="float: right;">忘记密码？</a>
            </div>

            <div class="m-top-md p-top-sm">
                <a id="bt_login" class="btn btn-success block">Sign in</a>
            </div>
        </div>
    </div>
</div>